.m-citationTT {
  position: relative;
  width: 100%;
  margin-bottom: 25px; }

.m-citationTT .m-citationTT-wrapper {
  width: 100%;
  padding: 0;
  display: inline-flex; }

.m-citationTT .m-citationTT-wrapper .m-citationTT-square {
  background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  min-width: 100px;
  min-height: 100px;
  margin-right: 20px;
  display: inline-block; }

.m-citationTT .m-citationTT-wrapper .m-citationTT-circle {
  border-radius: 100px; }

.m-citationTT .m-citationTT-wrapper .m-citationTT-squareSide {
  display: inline-flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%; }

.m-citationTT .m-citationTT-wrapper .m-citationTT-squareSide div {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  height: 20px; }

.m-citationTT .m-citationTT-bw div {
  margin-top: 15px;
  background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); }

.m-citationTT .m-citationTT-bw div:nth-child(1) {
  width: 100%;
  height: 20px; }

.m-citationTT .m-citationTT-bw div:nth-child(2) {
  width: 100%;
  height: 20px; }

.m-citationTT div {
  position: relative;
  background-position: 0 100%;
  background-size: 400% 100%; }

.m-citationTT .m-citationTT-animate {
  -webkit-animation: m-citationTypeTwo 2s linear infinite;
  -ms-animation: m-citationTypeTwo 2s linear infinite;
  -o-animation: m-citationTypeTwo 2s linear infinite;
  -moz-animation: m-citationTypeTwo 2s linear infinite;
  animation: m-citationTypeTwo 2s linear infinite; }

@keyframes m-citationTypeTwo {
  from {
    background-position: 100% 50%; }
  to {
    background-position: 0 50%; } }
